<%-- 
    Document   : menuPrincipal
    Created on : Sep 23, 2014, 8:48:31 PM
    Author     : santiago
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    String user="";
    String perfil="";
    String nick="";
    Cookie[] cookies = request.getCookies();
    if (cookies != null) {
        for (Cookie cookie : cookies) {
            if (cookie.getName().equals("usuario")) {
                user = cookie.getValue();
            }
            if (cookie.getName().equals("perfil")) {
                perfil = cookie.getValue();
            }
            if (cookie.getName().equals("nick")) {
                nick = cookie.getValue();
            }
        }
    }
    %>
    <script>console.log("********* Usuario: " + '<%=user%>');</script>
    <script>console.log("********* Nick " + '<%=nick%>');</script>
    <script>console.log("********* Perfil " + '<%=perfil%>');</script>
    <%
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Menu Principal</title>
        <link  type="image/x-icon" href="Resource/log.png" />
        <link type="image/vnd.microsoft.icon" href="Resource/log.png" />
        <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" />
        <link href="Resource/default.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/fonts.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/boton.css" rel="stylesheet" type="text/css" media="all" />
        <script src="Resource/jquery-2.1.1.js" type="text/javascript"></script>
        <script src="Resource/opciones.js" type="text/javascript"></script>
        <script src="Resource/jquery-2.1.1.js" type="text/javascript"></script>
        <script src="Resource/jquery.cookie.js"></script>
        <script src="Resource/boton.css"></script>
    </head>
    <body>
        <div id="menu">
            <ul>
                <li><a href="index.jsp" accesskey="1" id="inicio">Inicio</a></li>
                <li><a href="consejos.jsp" accesskey="2" id="consejos">Consejos para el cuidado</a></li>
                <li><a href="servicios.jsp" accesskey="3" id="servicios">Servicios</a></li>
                <li><a href="clientes.jsp" accesskey="4" id="clientes">Clientes</a></li>
                <li><a href="ingresoVehiculo.jsp" accesskey="5" id="ingresoVehiculos">Ingreso de Vehiculos</a></li>
                <li><a href="empleados.jsp" accesskey="6" id="empleados">Empleados</a></li>
                <li><a href="ayuda.jsp" accesskey="7" id="ayuda">Ayuda</a></li>
                <li><a href="login.jsp" accesskey="8" id="login">Ingresar</a></li>
                <li><a href="consultarEstado.jsp" accesskey="9" id="consultarEstado">Consultar Estado del Vehiculo</a></li>
                <%if(user!="" && perfil!="" && nick!=""){%>
                <li><div align="left" style="display: inline; right: 5px;">Bienvenid@  <%=nick%></div></li>
                <li><button align="left" style="display: inline; right: 5px; background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% ); cursor: pointer;" class="logout">Cerrar Sesion</button></li>
                <%}%>
            </ul>
        </div>
        <script type="text/javascript">
            var inicio=$("#inicio");
            var consejos=$("#consejos");
            var servicios=$("#servicios");
            var clientes=$("#clientes");
            var ingresoVehiculos=$("#ingresoVehiculos");
            var empleados=$("#empleados");
            var ayuda=$("#ayuda");
            var login=$("#login");
            var estado=$("#consultarEstado");
            var logout=$(".logout");
            var perfil='<%=perfil%>';
            function ocultar(){
                empleados.hide();
                ingresoVehiculos.hide(); 
                clientes.hide();
                estado.hide();
            }
            ocultar();
            if (perfil==="Administrador"){
                login.hide();
                empleados.show();
                ingresoVehiculos.show();
                clientes.show();
            }else if(perfil==="Empleado"){
                clientes.show();
                ingresoVehiculos.show();
            }else if(perfil==="Cliente"){
                login.hide();
                estado.show();
            }else{
                ocultar();
            }
            logout.click(function(){
                $.removeCookie('usuario');
                $.removeCookie('perfil');
                $.removeCookie('nick');
                location.reload();
                window.location.href="index.jsp";
            });
    </script>
    </body>
</html>
